<template>
  <div class="appinfo">
    <button @click="btnAdd(1)">+1</button>
    <button @click="btnAdd(5)">+5</button>
    <button @click="btnAdd(10)">+10</button>
  </div>
</template>

<script>
emits['btnAdd']
export default {
    data: function() {
        return {
            counter: 0
        }
    },
    methods: {
        btnAdd(num) {
            this.$emit("btnAdd", num)
        }
    }
};
</script>

<style></style>
